<template>
  <div class="modal-header">
    <div class="modal-title">弹框</div>
  </div>
  <slot></slot>
  <div class="modal-body"> 这是一个弹框 </div>
  <div class="modal-footer">
    <a-button :disabled="saving" @click="close()">
      {{ l('Cancel') }}
    </a-button>
    <a-button :loading="saving" :type="'primary'" @click="handleSubmit()">
      {{ l('Save') }}
    </a-button>
  </div>
</template>

<script lang="ts">
  import { defineComponent } from 'vue';
  import { ModalComponentBase } from '/@/shared/component-base';

  export default defineComponent({
    name: 'demo-modal',
    components: {},
    mixins: [ModalComponentBase],
    props: {
      pageDataList: Array,
    },
    data() {
      return {};
    },
    methods: {
      getPageData(data) {
        console.log(data);
      },
      handleSubmit() {
        // 逻辑处理
        this.success();
      },
    },
  });
</script>
